<template>
	<view class="content">
		
<view class='product-bg'>
        <swiper  :autoplay="true" bindchange="change">
              <swiper-item>
                <image  mode="aspectFill" src="/static/index-banner.png" class="slide-image"/>
              </swiper-item>
        </swiper>
         <view class="mylogog">
          <image src="/static/logo.jpg" class='mylogo'></image>
         </view>
         
         <view class="mgfirst">
         <view class="mgtext">联系我们</view>
         </view>
         <view class="divLine"></view>  
          <view class="mg">
         <view class="mgtext">联系地址:河南省郑州市文化路113号</view>
         </view>
         
          <view class="mg">
         <view class="mgtext">邮箱地址:lovedai1688@outlook.com</view>
         </view>
          <view class="mg">
         <!-- <view class="mgtext">微信公众号:</view> -->
         </view>
</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				data:'',
				is_show:false
			}
		},
		onLoad(e) {
			// this.id =e.id
			
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.userinfo {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
	.product-bg{width:100%;height:300rpx;position:absolute;}
	.product-bg swiper{width:100%;height:300rpx;position:relative;}
	.product-bg .slide-image{width:100%;height:300rpx;}
	.product-bg .pages{position:absolute;background-color:#fff;height:34rpx;padding:0 10rpx;border-radius:3rpx;right:30rpx;bottom:30rpx;line-height:34rpx;font-size:24rpx;color:#050505;}
	.product-bg .mylogog .mylogo{
	  position:relative;z-index: 2;width: 100rpx;height: 100rpx;left: 25rpx;top: 25rpx;border-radius: 100%;
	}
	.product-bg .mylogog{
	  border-radius:100rpx 100rpx 100rpx 100rpx;background-color:#fff;position:absolute;z-index: 2;width: 150rpx;height: 150rpx;left: 300rpx;
	  top: 220rpx;
	}
	.userinfo-avatar {
	  width: 128rpx;
	  height: 128rpx;
	  margin: 20rpx;
	  border-radius: 50%;
	}
	.mg{
	  width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;align-items: center;
	}
	.mgfirst{
	  width: 90%;height:100rpx;display: flex;background-color:#f1f1f1;margin-right: 5%;margin-left: 5%;margin-top: 60rpx;align-items: center;
	}
	.mgtext{
	  padding-left: 20rpx;
	}
	.divLine{
	 background: #aaa;margin-right: 5%;margin-left: 5%;
	 width: 90%;
	 height: 5rpx;
	}
	.userinfo-nickname {
	  color: #aaa;
	}
	
	.usermotto {
	  margin-top: 200px;
	}
	.sss{
	  font-size:40rpx;color: #1a1717;
	  position:relative;display:block;margin-left:auto;margin-right:auto;padding:50rpx 10rpx 10rpx 10rpx;text-align:center;margin-top: 30rpx;
	}
	.ssss{
	  font-size:30rpx;color: #1a1717;
	  position:relative;display:block;width:100%;margin-left:auto;margin-right:auto;text-align:center;
	}
	.weui-btn{position:relative;display:block;width:184px;margin-left:auto;margin-right:auto;padding:8px 24px;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:4px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block}
	.images{
	  width:250rpx;height:250rpx;
	}
	
</style>
